<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <link rel="stylesheet" href="bower_components/bootstrap/dist/css/bootstrap.min.css">
    <!-- Font Awesome -->
    <link rel="stylesheet" href="bower_components/font-awesome/css/font-awesome.min.css">
    <!-- Ionicons -->
    <link rel="stylesheet" href="bower_components/Ionicons/css/ionicons.min.css">
    <!-- Theme style -->
    <link rel="stylesheet" href="dist/css/AdminLTE.min.css">
</head>

<body class="bg-navy">
    <section class="content">
        <h1>三楼</h1>
        <div class="row">
            <div class="col-lg-3 col-xs-6">
                <!-- small box -->
                <div class="small-box bg-gray" id="3_1">
                    <div class="inner">
                        <h3>1号线</h3>

                        <p>Off</p>
                    </div>
                    <div class="icon">
                        <input type="text" id="c3_1" value="10.3" data-width="80" data-height="80" data-fgColor="#f56954" data-readonly="true">
                    </div>
                </div>
            </div>
            <!-- ./col -->
            <div class="col-lg-3 col-xs-6">
                <!-- small box -->
                <div class="small-box bg-gray" id="3_2">
                    <div class="inner">
                        <h3>2号线</h3>

                        <p>Off</p>
                    </div>
                    <div class="icon">
                        <input type="text" id="c3_2" value="5" data-width="80" data-height="80" data-fgColor="#f56954" data-readonly="true">
                    </div>
                </div>
            </div>
            <!-- ./col -->
            <div class="col-lg-3 col-xs-6">
                <!-- small box -->
                <div class="small-box bg-gray" id="3_3">
                    <div class="inner">
                        <h3>3号线</h3>

                        <p>Off</p>
                    </div>
                    <div class="icon">
                        <input type="text" id="c3_3" value="10" data-width="80" data-height="80" data-fgColor="#f56954" data-readonly="true">
                    </div>
                </div>
            </div>
            <!-- ./col -->
            <div class="col-lg-3 col-xs-6">
                <!-- small box -->
                <div class="small-box bg-gray" id="3_4">
                    <div class="inner">
                        <h3>4号线</h3>

                        <p>Off</p>
                    </div>
                    <div class="icon">
                        <input type="text" id="c3_4" value="7" data-width="80" data-height="80" data-fgColor="#f56954" data-readonly="true">
                    </div>
                </div>
            </div>
            <!-- ./col -->
        </div>
        <div class="row">
            <div class="col-lg-3 col-xs-6">
                <!-- small box -->
                <div class="small-box bg-gray" id="3_5">
                    <div class="inner">
                        <h3>5号线</h3>

                        <p>Off</p>
                    </div>
                    <div class="icon">
                        <input type="text" id="c3_5" value="8" data-width="80" data-height="80" data-fgColor="#f56954" data-readonly="true">
                    </div>
                </div>
            </div>
            <!-- ./col -->
            <div class="col-lg-3 col-xs-6">
                <!-- small box -->
                <div class="small-box bg-gray" id="3_6">
                    <div class="inner">
                        <h3>6号线</h3>

                        <p>Off</p>
                    </div>
                    <div class="icon">
                        <input type="text" id="c3_6" value="9" data-width="80" data-height="80" data-fgColor="#f56954" data-readonly="true">
                    </div>
                </div>
            </div>
            <!-- ./col -->
            <div class="col-lg-3 col-xs-6">
                <!-- small box -->
                <div class="small-box bg-gray" id="3_7">
                    <div class="inner">
                        <h3>7号线</h3>

                        <p>Off</p>
                    </div>
                    <div class="icon">
                        <input type="text" id="c3_7" value="100" data-width="80" data-height="80" data-fgColor="#f56954" data-readonly="true">
                    </div>
                </div>
            </div>
            <!-- ./col -->
            <div class="col-lg-3 col-xs-6">
                <!-- small box -->
                <div class="small-box bg-gray" id="3_8">
                    <div class="inner">
                        <h3>8号线</h3>

                        <p>Off</p>
                    </div>
                    <div class="icon">
                        <input type="text" id="c3_8" value="90" data-width="80" data-height="80" data-fgColor="#f56954" data-readonly="true">
                    </div>
                </div>
            </div>
            <!-- ./col -->
        </div>
        <div class="row">
            <div class="col-lg-3 col-xs-6">
                <!-- small box -->
                <div class="small-box bg-gray" id="3_9">
                    <div class="inner">
                        <h3>9号线</h3>

                        <p>Off</p>
                    </div>
                    <div class="icon">
                        <input type="text" id="c3_9" value="0" data-width="80" data-height="80" data-fgColor="#f56954" data-readonly="true">
                    </div>
                </div>
            </div>
            <!-- ./col -->
            <div class="col-lg-3 col-xs-6">
                <!-- small box -->
                <div class="small-box bg-gray" id="3_10">
                    <div class="inner">
                        <h3>10号线</h3>

                        <p>Off</p>
                    </div>
                    <div class="icon">
                        <input type="text" id="c3_10" value="0" data-width="80" data-height="80" data-fgColor="#f56954" data-readonly="true">
                    </div>
                </div>
            </div>
            <!-- ./col -->
        </div>
        <h1>二楼</h1>
        <div class="row">
            <div class="col-lg-3 col-xs-6">
                <!-- small box -->
                <div class="small-box bg-gray" id="2_1">
                    <div class="inner">
                        <h3>1号线</h3>

                        <p>Off</p>
                    </div>
                    <div class="icon">
                        <input type="text" id="c2_1" value="0" data-width="80" data-height="80" data-fgColor="#f56954" data-readonly="true">
                    </div>
                </div>
            </div>
            <!-- ./col -->
            <div class="col-lg-3 col-xs-6">
                <!-- small box -->
                <div class="small-box bg-gray" id="2_2">
                    <div class="inner">
                        <h3>2号线</h3>

                        <p>Off</p>
                    </div>
                    <div class="icon">
                        <input type="text" id="c2_2" value="0" data-width="80" data-height="80" data-fgColor="#f56954" data-readonly="true">
                    </div>
                </div>
            </div>
            <!-- ./col -->
            <div class="col-lg-3 col-xs-6">
                <!-- small box -->
                <div class="small-box bg-gray" id="2_3">
                    <div class="inner">
                        <h3>3号线</h3>

                        <p>Off</p>
                    </div>
                    <div class="icon">
                        <input type="text" id="c2_3" value="0" data-width="80" data-height="80" data-fgColor="#f56954" data-readonly="true">
                    </div>
                </div>
            </div>
            <!-- ./col -->
            <div class="col-lg-3 col-xs-6">
                <!-- small box -->
                <div class="small-box bg-gray" id="2_4">
                    <div class="inner">
                        <h3>4号线</h3>

                        <p>Off</p>
                    </div>
                    <div class="icon">
                        <input type="text" id="c2_4" value="0" data-width="80" data-height="80" data-fgColor="#f56954" data-readonly="true">
                    </div>
                </div>
            </div>
            <!-- ./col -->
        </div>
        <div class="row">
            <div class="col-lg-3 col-xs-6">
                <!-- small box -->
                <div class="small-box bg-gray" id="2_5">
                    <div class="inner">
                        <h3>5号线</h3>

                        <p>Off</p>
                    </div>
                    <div class="icon">
                        <input type="text" id="c2_5" value="0" data-width="80" data-height="80" data-fgColor="#f56954" data-readonly="true">
                    </div>
                </div>
            </div>
            <!-- ./col -->
            <div class="col-lg-3 col-xs-6">
                <!-- small box -->
                <div class="small-box bg-gray" id="2_6">
                    <div class="inner">
                        <h3>6号线</h3>

                        <p>Off</p>
                    </div>
                    <div class="icon">
                        <input type="text" id="c2_6" value="0" data-width="80" data-height="80" data-fgColor="#f56954" data-readonly="true">
                    </div>
                </div>
            </div>
            <!-- ./col -->
            <div class="col-lg-3 col-xs-6">
                <!-- small box -->
                <div class="small-box bg-gray" id="2_7">
                    <div class="inner">
                        <h3>7号线</h3>

                        <p>Off</p>
                    </div>
                    <div class="icon">
                        <input type="text" id="c2_7" value="0" data-width="80" data-height="80" data-fgColor="#f56954" data-readonly="true">
                    </div>
                </div>
            </div>
            <!-- ./col -->
            <div class="col-lg-3 col-xs-6">
                <!-- small box -->
                <div class="small-box bg-gray" id="2_8">
                    <div class="inner">
                        <h3>8号线</h3>

                        <p>Off</p>
                    </div>
                    <div class="icon">
                        <input type="text" id="c2_8" value="0" data-width="80" data-height="80" data-fgColor="#f56954" data-readonly="true">
                    </div>
                </div>
            </div>
            <!-- ./col -->
        </div>
    </section>
    <script src="bower_components/jquery/dist/jquery.min.js"></script>
    <script src="bower_components/jquery-knob/js/jquery.knob.js"></script>
    <script src="data1.js"></script>
</body>

</html>
